<template>
  <div>
     <h2>{{a}}</h2>
     <h2>{{b}}</h2>
    <button @click="handelClick">点击</button>
  </div>
</template>
<script lang="ts" >
export default {
  // ctrl+alt+l 格式化代码
  name: 'App',
  setup() {
    let a = '123';
    let b = 100;
    function handelClick() {
      console.log(a,b);
    }
    return {
      a,b,handelClick
    }
  },
  components: {}
}
</script>

<style scoped>
.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
}

.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}

.logo.vue:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}
</style>
